<template>
    <div>
        <el-form :inline="true" size="small" :model="formInline" class="demo-form-inline">
            <el-form-item label="题目">
                <el-input v-model="formInline.user" placeholder="请输入" clearable />
            </el-form-item>

            <el-form-item label="加入时间">
                <el-date-picker v-model="formInline.date" type="date" placeholder="请选择" clearable />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">搜索</el-button>
            </el-form-item>
        </el-form>
        <!-- 表格 -->
        <el-table ref="singleTableRef" tooltip-effect="dark" :data="tableData" highlight-current-row border stripe
            align="center" size="small" style="width: 100%">
            <el-table-column type="index" label="序号" align="center" width="80" />
            <el-table-column property="name" label="题目" align="center" width="120" />
            <el-table-column property="phone" label="正确答案" width="100" align="center" />
            <el-table-column property="phone2" label="你的答案" align="center" />
            <el-table-column property="identity" label="收藏时间" align="center" width="160">
            </el-table-column>
            <el-table-column label="完成进度" align="center" width="400">

                <template #default="{ row }">
                    <el-button type="success">预览</el-button>
                    <el-button type="success">修改</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div class="page">
            <Pagination />
        </div>
    </div>
</template>

<script setup>
import { ref, reactive } from "vue"


import Pagination from "@/components/base/MyPagination.vue";

const formInline = reactive({
    user: '',
    region: '',
    date: '',
});
// 分页用
const queryCount = ref(1);

const tableData = ref([
    {
        id: 1,
        name: '123',
        phone: '123',
        phone2: '123',
        email: '123',
        villager: '123',
        identity: '123',
        percentage: 80
    }
])

</script>

<style lang="scss" scoped></style>